// 导入腾讯位置服务提供的 Javascript SDK
import qqMap from '../../../utils/qqmap'

Page({
  data: {
    address: '', // 当前地点
    points: [], // 周边小区
  },

  onLoad() {
    // 获取用户所在位置周围小区
    this.getLocation()
  },
  async getLocation() {
    try {
      // 获取当前位置经纬度
      const { latitude, longitude } = await wx.getLocation()
      // 获取小区地点信息
      this.getPoint(latitude, longitude)
    } catch {
      wx.showToast({ title: '获取位置失败, 请稍后重试!', icon: 'none' })
    }
  },
  // 重新选择地址（经纬度）
  async chooseLocation() {
    try {
      // 获取当前位置经纬度
      const { latitude, longitude } = await wx.chooseLocation()
      // 获取小区地点信息
      this.getPoint(latitude, longitude)
    } catch {
      wx.showToast({ title: '获取位置失败, 请稍后重试!', icon: 'none' })
    }
  },
  // 根据经纬度获取小区信息
  getPoint(latitude, longitude) {
    // 显示加载状态
    wx.showLoading({ title: '正在加载...', mask: true })
    // 逆地址解析（根据经纬度查询位置相关描述）
    qqMap.reverseGeocoder({
      location: [latitude, longitude].join(',') || '',
      success: (res) => {
        // 结果为当前所在的地址
        this.setData({ address: res.result.address })
      },
      fail: (error) => {
        console.log(error)
      },
    })

    // 搜索周边
    qqMap.search({
      // 搜索关键字（查询周边的小区）
      keyword: '小区',
      location: [latitude, longitude].join(',') || '', // 指定经纬度
      page_size: 6, // 查询数据条数
      success: (res) => {
        const tempArr = res.data.map(({ id, title, _distance }) => {
          return { id, title, _distance }
        })
        this.setData({ points: tempArr })
      },
      fail(error) {
        wx.utils.toast('没有找附近的小区!')
        console.log(error)
      },
      complete: () => {
        wx.hideLoading() // 隐藏加载状态
      },
    })
  },
  // 跳转页面
  goBuilding(e) {
    wx.navigateTo({
      url: `/house_pkg/pages/building/index?point=${e.mark.point}`,
    })
  },
})
